//  首页超大banner切换效果
$(function() {
    var index = 0;
    var imgWidth = $('.pics_switch .pic_box').width(); //单张图片宽度
    // alert(imgWidth);
    var len = $('.pics_switch .pic_box').length; //图片数
    //alert(len)
    var totalImgWidth = imgWidth * len; //图片序列宽度

    //默认banne宽度是1600，低于1600的分辨率会出现位置偏差，需要调整，故在低于1600下设置banner宽度为100%；
    if ($(window).width() < imgWidth) {
        $(' .pics_switch').css({ 'width': $(window).width() });
        $(' .pics_switch .pic_box').css({ 'width': $(window).width() });
        $(' .pics_switch .pic_box a').css({ 'width': $(window).width() });
        imgWidth = $(window).width();
    }


    $('.pics_switch_clients li span').hover(function() {
        $(this).addClass('current');
    }, function() {
        $(this).removeClass('current');
    });


    //为小按钮添加鼠标滑入事件，以显示相应的内容
    $(' .pics_switch_clients ul li').mouseover(function() {
        index = $(' .pics_switch_clients ul li').index(this);
        showPics(index);
    }).eq(0).trigger("mouseover");




    //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
    $(' .pb').hover(function() {
        clearInterval(picTimer);
    }, function() {
        picTimer = setInterval(function() {
            showPics(index);
            index++;
            if (index == len) { index = 0; }
        }, 2000);
    }).trigger("mouseleave");

    //显示图片函数，根据接收的index值显示相应的内容
    function showPics(index) {

        $(' .pb .pic_box').eq(index).fadeIn(300).siblings().fadeOut(300);
        $(' .pics_switch_clients  li span').eq(index).addClass('current');
        $(' .pics_switch_clients  li span').eq(index - 1).removeClass('current');
    }

});